@include b(nav-links) {
    display: inline-block;
    margin-left: 3rem;
    margin-right: 2rem;
    &::before {
        content: " ";
        display: table;
    }
    &::after {
        content: " ";
        display: table;
        clear: both;
    }
    .nav-items {
        display: inline-block;
        position: relative;
        color: $font-color;
        min-width: 6rem;
        text-align: center;
        height: $navbar-height;
        line-height: $navbar-height;
        font-size: 17px;
        font-weight: 500;
        &:first-child {
            margin-left: 0;
        }
        &.nav-link {
            display: block;
            color: inherit;
            &:hover {
                border-bottom: 2px solid $color-primary;
                color: $color-primary;
            }
            &:active {
                border-bottom: 2px solid $color-primary;
                color: $color-primary;
            }
        }
    }
    .repo-link {
        margin-left: 2rem;
        line-height: 100%;
        color: inherit;
        .repo-link-icon {
            display: inline-block;
            width: 30px;
            height: 30px;
            fill: rgba(110, 110, 110, .6);
            font-size: 25px;
            vertical-align: middle;
            .icon {
                max-width: inherit;
                height: 30px;
                color: inherit;
            }
        }
    }
}